<template>
  <div class="studentInform">
    <el-descriptions title="学员资料" direction="vertical" :column="4" border>
      <el-descriptions-item label="用户名">{{
        stuForm.name
      }}</el-descriptions-item>
      <el-descriptions-item label="年龄">{{
        stuForm.age
      }}</el-descriptions-item>
      <el-descriptions-item label="学历">{{
        stuForm.description
      }}</el-descriptions-item>
      <el-descriptions-item label="项目">{{
        stuForm.productUrl
      }}</el-descriptions-item>
      <el-descriptions-item label="居住地">{{
        stuForm.city
      }}</el-descriptions-item>
      <el-descriptions-item label="备注">
        <el-tag size="small">学校</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="班级">{{
        stuForm.class
      }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>
<script>
import { mapState } from "vuex";
// import * as api from "../../api";
export default {
  computed: {
    ...mapState(["currentRow"]),
  },
  data() {
    return {
      stuForm: {
        name: "",
        productUrl: "",
        headimgurl: "",
        class: "",
        age: "",
        city: "",
        degree: "",
        description: "",
      },
    };
  },
  created() {
    this.stuForm = this.currentRow;
    // console.log(this.currentRow);
  },
};
</script>
